<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%@ include file="/base.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>支付课程</title>
<script type="text/javascript" src="${ctximg}/static/edu/js/front/shopcart/shopcart.js"></script>
<script type="text/javascript" >
	$().ready(function() {
		queryShopCartinfo();
		$("li>img").click(function (){
			var ra = $(this).prev(':radio');
			if(ra!=null){
				$(':radio').attr('checked',false);
				$(ra).attr('checked',true);
			}
		});
 	});
</script>
</head>
<body class="scrol">

	<div class="mb50">
		<section class="w1000">
			<div class="pathwray">
				<ol class="clearfix c-master f-fM fsize14">
					<li><a href="/" title="首页" class="c-master">首页</a> &gt;</li>
					<li><span>购物车</span></li> 
				</ol>
			</div>
			<!-- 内容区开始 -->
			<article class="mt30" id="order_init">
				<div class="order-step-bg-2 order-step" id="order_step_img"></div>
				<!--商品清单 start-->
				<section class="mt30 comm-shadow-2" id="sellHaedSecid">
					<div class="o-s-title of">
						<h4 class="fl unFw"><em class="vam icon24 mr5 o-s-icon-2">&nbsp;</em><font class="c-master vam fsize18 f-fM">我的结算课程</font></h4>
					</div>
					<div class="order-table pb20" id="shopingcart">
						 <!-- 购物车信息 -->
					</div>
				</section>
				<!--商品清单 end-->
			
				<div  style="display: none;">
					<!-- alipay参数 -->
					<form action="${ctx }/order/bank" name="orderForm" id="orderForm" method="post" target="_blank">
						<input id="orderId" name="orderId" type="hidden" value=""/>
						<input id="defaultbank" name="defaultbank" type="hidden" value=""/>
						<input id="payType" name="payType" type="hidden" value="ALIPAY" />
					</form>
				</div>
				<!-- 优惠券编码 -->
				<div  style="display: none;">
					<input id="couponCodeHidden" type="hidden" value=""/>
				</div>
					
				<!--请选择支付方式 start-->
				<div class="buyPay" id="buy_step2" style="display: block;">
					<div class="o-s-title of">
						<h4 class="fl unFw"><em class="vam icon24 mr5 o-s-icon-3">&nbsp;</em><font class="c-master vam fsize18 f-fM">请选择支付方式</font></h4>
					</div>
					<div class="order-table pb20">
						<section class="pay-t">
							<ul id="pay-title" class="buyPayTit">
								<li class="current" id="paytab1"><a href="javascript: void(0)">网上支付</a></li>
							</ul>
						</section>
					    <!--网上支付 start-->
						<div class="buyPay_con" id="pay-cont">
							<section>
								<%--<!--网上支付 -网银 支付开始 -->
								<div class="hLh30 line3">
									<strong class="c-333">网上银行</strong><tt class="c-999">（需要开通网上银行，支持绝大多数银行）</tt>
								</div>
								<div class="buyB_payPlat mt15">
							  	<ul class="clearfix">


						          
					         	</ul>
					         	</div>
					     		<div class="clear"></div>
								<!--网上支付 -网银 支付结束 -->--%>
								
								<!--网上支付 -第三方开始 -->
								<div class="hLh30 line3">
									<strong class="c-333 fsize14">第三方支付平台</strong>
								</div>
								<div class="buyB_payPlat mt15">
									<ul class="clearfix">

										<li>
										<label>
										<input type="radio" value="" name="alipay" checked="checked" onclick="checkbank('ALIPAY')"  />
										<img src="/static/edu/images/buy/buyB_pay_kuaiqian3.jpg"  alt="支付宝" /> </label>
										</li>

										<%--<c:if test="${keywordmap.keyword.verifywx=='ON' }">
										<li><label>
										<input type="radio" value="" name="weixin" onclick="checkbank('WEIXIN')"  />
										<img src="/static/edu/images/buy/buyB_pay_wx.jpg"  alt="微信" /> </label>
										</li>
										</c:if>--%>
									</ul>
								</div>
								<div class="clear"></div>
								<!--网上支付 -第三方结束 -->
							</section>
						</div>
						 <!--网上支付 end-->
					</div>
				</div>
				<!--请选择支付方式 end-->
				<!--结算信息 start------------------------------------->
				<div class="buyPay mt15" id="priceinfo">
					<div class="o-s-title of">
					<h4 class="fl unFw">
					<em class="vam icon24 mr5 o-s-icon-1"> </em>
					<font class="c-master vam fsize18 f-fM">结算信息</font>
					</h4>
					</div>
				</div>
				<div class="buySettle clearfix pt20 pb20 pl20 pr20 order-table">
					<!--优惠券 start-->
					<section class="fl">
					<div class="buyCoupon">
						<div class="buyCoupon_tit fo hand" id="couponBtn" onclick="couponBtnClick(this)"><em class="icon18 bcIcon"></em><tt class="c-666 vam ml5">使用优惠券抵消部分金额</tt></div>
						<div class="buyCoupon_con buyCouponWrap mt5">
							<div class="hei28 mt10 mr10 mb10 ml10">
								<label class='c-666'>请输入优惠券编码：</label>
								<input class="buyText01"  name="" class="couponTxt" type="text" id="couponCode" onkeyup="inputcode()" onclick="inputcode()" />
								<a href="javascript:addcode('')" class="buyCoupon_add2 pageSub" id="tjcode" >添加</a>
	      						<a href="javascript:initPrice()" class="buyCoupon_add2 pageSub"  style="display:none" id="initcode">取消</a>
							</div>
							<p class="c-orange mt5">注：优惠券使用后将不能撤销</p>
						</div>
						
					</div>
					</section>
					<section class="fl">
						<div style="display: none;" id="couponPicDiv">
							<input type="hidden" value="<%=staticImageServer %>" id="couponStaticPath"/>
							<img src=""  width="120" height="100" id="couponPicPath"/>
						</div>
					</section>
					<!--优惠券 end-->
					<section class="fr tar">
					<span class="c-666">订单总价</span> <span class="c-orange ml5" id="oldmoney">￥0.00</span>&nbsp;-
					<span class="c-666">优惠金额</span> <span class="c-orange ml5" id="yhmoney">￥0.00</span>&nbsp;=
					<span class="c-orange ml5" id="paySumPrice">￥0.00</span>
					<span class="c-666">优惠类型：</span><span class="c-orange ml5" id="yhTypeId">无</span>
					<div class="fsize18 mt10">
						<span class="c-666 f-fM">应付订单金额：</span>
						<strong class="c-orange ml5" id="payprice">￥0.00</strong>
					</div>
					<div class="buySubmitBox">
						<a href="javascript:order()"  class="btn-big btn-orange order-submit mt10" id="shopCartButton">提交订单</a>
					</div>
					</section>
				</div>
				<!--结算信息 end-------------------------------------------------->
				
			</article>
			<!-- 内容区 //-->
		
			 <!--提交成功 start-->
			 <article class="mt30" id="order_success"   style="display: none" >
				 <div class="order-table pb20"  >
				 	<section class="mt20 mr20 mb20 ml20">
						<div class="orderSuccess pr ml20"  >
							<ol>
								<li><h2 class="hLh30 line3 pb10"><strong class="c-333 fsize20"><tt>订单号:</tt><font class="ml5 mr5 c-orange" id="orderId_success"></font>下单成功，订单总额<font class="ml5 c-orange" id="amount_success"></font></strong></h2></li>
								<li><h2 class="hLh30 line3 pb10"><strong class="c-333 fsize20"><tt>帐户余额:</tt><font class="ml5 mr5 c-orange" id="balance_s" >￥0.00</font><font class="ml5 c-orange" id="bankAmount_s">，需充值￥0.00</font></strong></h2></li>
								<li class="mt10">
									<span class="vam"><a class="order-submit" title="" id="payNow" href="javascript:void(0)" onclick="javascript:goToBank()">立即支付</a></span>
								</li>
								<li class="tac"></li>
								<li class="mt20"><span class="c-333 fsize14">您现在可以：<a id="repaylink" class="c-333 mr10" title="查看订单信息" href="/front/repay/"><u>返回修改支付方式</u></a> | <a class="c-4e ml10 mr10" title="进入学习中心" href="${ctx }/uc/home"><u>进入学习中心</u></a> | <a class="c-4e ml10" title="返回首页" href="${ctx }/"><u>返回首页</u></a></span></li>
							</ol>
							<span class="succIcon pa"></span>
						</div>
					</section>
				</div>
			</article>
			<!--提交成功 end-->
				
		</section>
	</div>
</body>
</html>
